// 入口js文件 在项目初始化时需要指定
// 需要引用第三方js库时，使用cnpm i 安装包名 安装即可
// 如：jquery, cnpm install jquery
// ES6语法，导入jquery
import $ from 'jquery'

// 导入css样式文件，默认webpack只支持js文件打包，要支持样式文件需要使用插件
// 安装样式文件加载器loader, 配置到webpack.config.js
import './css/index.css'
import './css/index.less'
import './css/index.scss'

// 导入第三方样式 bootstrap.css， 导入该样式后，安装bootstrap-icons可以使用svg图标
// 导入第三方模块，不需要写node_modules前缀
import 'bootstrap/dist/css/bootstrap.css'

// class是ES6中的语法，用于支持面向对象的编程
// 注意class、static这种高级ES6或者ES7语法，webpack当前不支持，需要借助第三方loader才能正常打包为低级别的bundle.js
// 需要安装babel相关插件，负责js编译转换及打包
class Person {
    // 声明静态属性，函数里也支持，静态属性支持直接通过Person.info访问
    static info = {name: 'tom', age: 10};
}
// 从后端语言借鉴的面向对象编程
var p = new Person();
console.log(Person.info, p);



// 这是早先js的面向对象声明方式，其实就是一个方法，具有对象属性
// function Dog(name) {
//     this.name = name;
// }
// var d = new Dog('tom');


// nodejs 语法
// const $ = require('jquery');
$(function () {
    console.log('hello jquery!')
});

